<template>
<div class="kiad-main">
  <el-card class="box-card1">
    <div slot="header" class="clearfix">
    <el-button type="primary" size="mini" :disabled="true">新增</el-button>
    </div>
    <div >
    <el-row :gutter="10">
     <el-col :span="6" v-for="(item,index) in kiadlist" :key="index">
       <el-card class="box-card" >
         <div slot="header" class="clearfix" >
           <h4>{{item.ctitle}}</h4>
         </div>
         <div class="item">
           <img :src="item.img" style="width: 100%;height: 20em;" alt="">
         </div>
       </el-card>
     </el-col>
    </el-row>
    </div>
  </el-card>
</div>
</template>

<script>
import kindApi from "@/api/product/kind";
export default {
name: "productKiad",
data(){
return{
  kiadlist:[]
}

},
methods:{
getKiadList(){
  console.log(111)
  kindApi.getKiadList()
  .then(res=>{
    console.log(res)
    this.kiadlist = res.data;
  })
}
},
  created(){
  this.getKiadList()
  }
}
</script>

<style lang="scss" scoped>
.kiad-main{
.box-card1{
  width: 95%;
  margin: 20px auto;

}
}
</style>
